module MC.UI {
    export class bottomBtnDiv {
        public constructor(id: number) {
            this.init(id);
        }
        private init(id: number) {
            let html = $(`<div class="bottomBtnDiv">
            <ul class="ul clearfix"> 
                <li liid="1" class="b_li">
                    <a href="/h5" class="abtn">
                        <i class="li_ico ico_home"></i>
                        <span class="s_title color_black3">首页</span>
                    </a>
                </li>
                <li liid="2" class="b_li">
                    <a href="/h5/news.html" class="abtn">
                        <i class="li_ico ico_zixun"></i>
                        <span class="s_title color_black3">咨询</span>
                    </a>
                </li>
                <li liid="3" class="b_li">
                    <a href="/h5/order.html" class="abtn">
                        <i class="li_ico ico_dingdan"></i>
                        <span class="s_title color_black3">订单</span>
                    </a>
                </li>
                <li liid="4" class="b_li">
                    <a href="/h5/message.html" class="abtn">
                        <i class="li_ico ico_xiaoxi"></i>
                        <span class="s_title color_black3">消息</span>
                    </a>
                </li>
                <li liid="5" class="b_li">
                    <a href="/h5/myset.html" class="abtn">
                        <i class="li_ico ico_wode"></i>
                        <span class="s_title color_black3">我的</span>
                    </a>
                </li>
            </ul>
        </div>`);
            html.find('[liid=' + id + ']').addClass('on');
            html.find('[liid=' + id + '] .s_title').addClass('color_blue1');
            $('.H5body').append(html);
            html.find('.abtn').on('click',function(eve:any){
                eve.preventDefault();
                let one=$(this).parent();
                html.find('[liid]').removeClass('on');
                one.addClass('on');

                html.find('[liid] .s_title').removeClass('color_blue1');
                one.find('.s_title').addClass('color_blue1');
            });
        }
    }
}